<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>经销商公共部分</title>
    <meta name="keywords" content="SEO内容，关键词" />
    <meta name="description" content="SEO内容，页面描述" />
    <link href="../css/reset.css" rel="stylesheet">	
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/component/dialog.css" rel="stylesheet">
    <link href="../css/dealerlayout.css" rel="stylesheet">    
</head>

<body> 
    <div class="w240">
      <!--经销商信息模块-->
       <div class="dealersideinfo">
          <h2 class="dealersideinfoname">上海永达通豪汽车销售公司</h2>
          <p>主营品牌：雪佛兰</p>
          <p>咨询电话：<span class="clr-blueblack">400-665-3456</span></p>
          <p>地址：闵行区吴宝路789号<span class="dealersideinfoviewmap dealermapPop">查看地图</span></p>
          <div class="dealersideinfosilder">
            <ul>
              <li class="dealersilderPop"><img src="../images/temp/dealersideinfoPic01.jpg" alt="" /><span>4s店实景拍摄照片</span></li>              
            </ul>
            <span class="dealersideinfo-silder-btn dealersideinfo-silder-btnPrev"></span>
            <span class="dealersideinfo-silder-btn dealersideinfo-silder-btnNext"></span>
          </div>
       </div>

       <!--经销商销售顾问模块-->
       <div class="mt-20">
          <h3 class="dealersidetilte"><a href="###" class="dealersidetiltemore">查看更多</a><span>销售顾问</span></h3>
         
          <div class="dealersideconsultant">
            <dl class="clearfix">
              <dt><img src="../images/temp/dealerconsultantPic01.jpg" alt=""></dt>
              <dd><p>姓名：高弘</p> 
                  <p>职务：销售主管</p>
              </dd>
            </dl>
            
            <dl class="clearfix">
              <dt><img src="../images/temp/dealerconsultantPic02.jpg" alt=""></dt>
              <dd><p>姓名：高弘</p> 
                  <p>职务：销售主管</p>
              </dd>
            </dl>
            
            <dl class="clearfix">
              <dt><img src="../images/temp/dealerconsultantPic03.jpg" alt=""></dt>
              <dd class="end"><p>姓名：高弘</p> 
                  <p>职务：销售主管</p>
              </dd>
            </dl>
          </div>
          
       </div>
    
    <!--向经销商提问模块-->
     <div class="mt-20">
          <h3 class="dealersidetilte"><span>向经销商提问</span></h3>
          <div class="dealersidequestion" >
            <div class="c-dealerquestion" id="c-dealerquestion">
            <div class="c-dealerquestion-wrapper scroll-wrapper">
              <div class="c-dealerquestion-content scroll-content">
              	<div >
                <ul>
                    <li class="oddlight">
                         <p class="mb-10"><span class="clr-gray6">张先生问：</span><br/><span class="clr-red">科帕奇</span>有现货么？</p>
                         <p><span class="clr-gray6">4S店AAA回答：</span><br/><span class="clr-red">科帕奇2014款2.4L</span>现货充足，欢迎联
系</p>
                     </li>
                     <li>
                         <p class="mb-10"><span class="clr-gray6">李小姐问：</span><br/><span class="clr-red">科帕奇</span>最近在搞什么促销活动么？</p>
                         <p><span class="clr-gray6">4S店BBB回答：</span><br/>本店正在促销，直降2万元，免息贷
款两年，欢迎联系咨询！</p>
                     </li>
                     <li class="oddlight">
                         <p class="mb-10"><span class="clr-gray6">张先生问：</span><br/><span class="clr-red">科帕奇</span>有现货么？</p>
                         <p><span class="clr-gray6">4S店AAA回答：</span><br/><span class="clr-red">科帕奇2014款2.4L</span>现货充足，欢迎联
系</p>
                     </li>
                   </ul>
                  </div>
              </div>
            </div>
             <div class="scrollbar">
              <div class="scrollbar-narrow scrollbar-narrow-up"></div>
              <div class="scrollbar-bg">
                <div class="scrollbar-handler"><div class="scrollbar-handler-top"></div><div class="scrollbar-handler-bottom"></div></div>
              </div>
              <div class="scrollbar-narrow scrollbar-narrow-down"></div>
            </div>
          </div> 
          
          <div class="c-dealerquestion-ask clearfix">
             <div class="c-dealerquestion-askmgs"><b>我要提问</b><span>最多可输入100个字</span></div>
             <div class="c-dealerquestion-askbox">请先 <b><a href="###" target="_blank" class="clr-red">登录</a></b> 或 <b><a href="###" target="_blank" class="clr-red">注册</a></b> 再提问</div>
             <input class="btn btn-min btn-gray fr" disabled="disabled" type="button" name="" value="提问" />
          </div>          
          <div class="c-dealerquestion-ask clearfix">
             <div class="c-dealerquestion-askmgs"><b>我要提问</b><span>最多可输入100个字</span></div>
             <textarea class="c-dealerquestion-asktext" id="textarea" onKeyDown="textdown(event)"
    onKeyUp="textup()" onfocus="if(value=='我也要问'){value=''}"
    onblur="if (value ==''){value='我也要问'}">我也要问</textarea>
             <input class="btn btn-min btn-yellow fr" id="btnAsk" type="button" name="" value="提问" />
          </div>
          </div>
     </div> 

    <!--经销商服务模块-->
     <div class="mt-20">
          <h3 class="dealersidetilte"><span>经销商服务</span></h3>
          <div class="dealersideserver">
            <ul class="clearfix" >        
            <li><i class="icon icon-service-share"></i></li>
			<li><i class="icon icon-service-gear"></i></li>
			<li><i class="icon icon-service-drawer"></i></li>
			<li class="end"><i class="icon icon-service-send"></i></li>
			<li class="end"><i class="icon icon-service-tool"></i></li>
			<li class="end"><i class="icon icon-service-money"></i></li>
            </ul>
          </div>
     </div> 
     
   <!--经销商地图模块-->
     <div class="mt-20">
          <h3 class="dealersidetilte"><span>地图</span></h3>
          <div class="dealersidemap">
            <dl class="clearfix">
              <dt>地址</dt>
              <dd>闵行区吴宝路789号的的的闵行吴宝路789号789号<span class="dealersideinfoviewmap dealermapPop">查看大图</span></dd>
            </dl>
            <div class="dealersidemapinfo dealermapPop" style="background:#fcc;"><!--地图接口,加好后记得把背景删掉-->
              
            </div>                    
          </div>
     </div>   
   
  </div>
  
<div id="c-dealerquestion-pop" class="hide">
    <dl class="c-dealerquestion-popCon clearfix">
     <dt><span class="icon icon-checked-l"></span></dt>     
     <dd>
        <div class="f-20 f-yahei">恭喜您提问成功!</div>
        <div class="f-14">最新提问和回复会显示在<a href="###" target="_blank" class="clr-blue">个人中心的我的咨询</a></div>
        <div class="mt-20"><input class="btn btn-med" onclick="ECode.dialog.close();" type="button" name="" value="确定"></div>
      </dd>
    </dl>
</div>

<div id="c-dealermap-pop" class="hide">
    <div class="c-dealermap-popCon">地图地图</div>
</div>

<!--经销商店铺图片slider-->
<div id="c-dealersilder-pop" class="hide">    
     <div class="c-dealersilder-popCon">
     	 <div class="c-dealersilder-bigPic">
     	 	<span class="dealerSlider-btn dealerSlider-bigPicbtn-prev"></span>
     	 	<span class="dealerSlider-btn dealerSlider-bigPicbtn-next"></span>
     	 	<p><img src="../images/temp/dealerSlider-bigPic.jpg" alt="" />
     	 		<span class="dealerSlider-bigPic-info">维修车间   打扫干净车间、维保有保障</span>
     	 	</p>
     	 </div>
     	 <div class="dealerSlider-listPic">
     	 	<span class="dealerSlider-btn dealerSlider-listPicbtn-prev"></span>
     	 	<span class="dealerSlider-btn dealerSlider-listPicbtn-next"></span>
     	 	<div class="dealerSlider-listPicslider">
     	 		<ul>
     	 			<li class="cur"><img src="../images/temp/dealerSlider-smallPic1.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic2.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic3.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic4.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic5.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic1.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic2.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic3.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic4.jpg" alt="" /></li>
     	 			<li><img src="../images/temp/dealerSlider-smallPic5.jpg" alt="" /></li>
     	 		</ul>
     	 	</div>
     	 </div>
     </div>   
</div>


<script src="../jslib/jquery_1_8_3.min.js"></script>
<script src="../jslib/jquery.mousewheel.js"></script>
<script src="../js/component/ECar.imitatescroll.js"></script>
<script type="text/javascript" src="../js/component/ECar.dialog.js"></script>
<script src="../js/dealerside.js"></script>

<script type="text/javascript">    
function textdown(e) {
    textevent = e;
    if (textevent.keyCode == 8) {
        return;
    }
    if (document.getElementById('textarea').value.length >= 100) {
        alert("提问限制100字!")
        if (!document.all) {
            textevent.preventDefault();
        } else {
            textevent.returnValue = false;
        }
    }
}
function textup() {
    var s = document.getElementById('textarea').value;
    //判断ID为text的文本区域字数是否超过100个 
    if (s.length > 100) {
        document.getElementById('textarea').value = s.substring(0, 100);
    }
}

$(function(){
	$('.dealerSlider-listPicslider ul li').hover(function(){
		alert('adfad');
		$(this).find('img').animate({width: "116", height: "76",border:''}, 300 );
	},function(){
		
	})
})
</script>    

</body>
</html>
